<template>
	<view class="lsjd">
		<navbar></navbar>
		<textNavbar myprops="律师解答"></textNavbar>
		<van-search :value="value" placeholder="问题" shape="round" />
		<view class="lsjd-content">
			<view class="answer-content" v-for="item in 3">
				<view class="answer-content-view" style="height: 262rpx; width: 694rpx; margin: 24rpx 0 0 28rpx;">
					<view class="text1">我上了九天半的班，法定假日我请假他不准，然后把我 辞退了，结工资的时候多转5...</view>
					<view class="answer-content-center">
						<view class="answer-content-center-photo">
							<image src="../../static/首页路径.png" mode="" style="width: 80rpx; height: 80rpx;"></image>
							<image class="image2" src="../../static/分组 4@1x.png" mode="" style="width: 20rpx; height: 20rpx;"></image>
						</view>
						<view class="answer-content-center-view">
							<view class="answer-content-center-text">
								<a href="" style="color: #616C9A;">彭梓芳<text style="font-size: 22rpx; color: #383838;">律师 <text style="color: #b0aba4;">湖北 恩施</text></text></a>
							</view>
							<text style="color: #A6A6A6;">05-01 13:00</text>
						</view>
					</view>
					<text style="font-size: 28rpx;font-weight: normal;line-height: 32rpx;">如果仅供自己学习参考就不违法，传播就违法</text>
				</view>
			</view>
		</view>
		<image class="images" src="../../../static/分组 8@1x.png" mode=""></image>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: '',
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.lsjd {
		width: 100vw;
		height: 100vh;
	}
	
	.answer-content {
		width: 750rpx;
		height: 240rpx;
		border-bottom: solid 2rpx #F0F0F0;
	}
	.answer-content-view > .text1 {
		width: 694rpx;
		height: 72rpx;
		line-clamp: 2;
		font-size: 28rpx;
		font-weight: bold;
		line-height: 32rpx;
		display: -webkit-box;
		-webkit-line-clamp: 2; /* 这里的数字应该与你的行限制相同 */
		-webkit-box-orient: vertical;  
		overflow: hidden;
	}
	.answer-content-view > text {
		display: -webkit-box;
		-webkit-line-clamp: 2; /* 这里的数字应该与你的行限制相同 */
		-webkit-box-orient: vertical;  
		overflow: hidden;
	}
	.answer-content-center {
		display: flex;
		margin-bottom: 16rpx;
	}
	.answer-content-center-photo {
		width: 100rpx;
		height: 80rpx;
	}
	.answer-content-center-photo > .image2 {
		position: relative;
		left: -14rpx;
		bottom: 4rpx;
	}
	.answer-content-center-text {
		width: 240rpx;
		height: 40rpx;
		font-size: 28rpx;
		font-weight: normal;
		display: flex;
		justify-content: space-between;
	}
	.answer-content-center-view {
		font-size: 24rpx;
	}
	
	.images {
		width: 90rpx;
		height: 90rpx;
		position: fixed;
		right: 24rpx;
		bottom: 40rpx;
	}
</style>
